import { useState } from "react";
import UserProfile from "./UserProfile";
import Star from "@/components/common/star";
import Content from "./Content";
import Video from "@/components/common/Video";
import { DataList } from "@/types/DataList";
import DateTime from "./DateTime";
interface CardComponentProps {
  cardData: DataList;
}
export default function SmallCar({ cardData }: CardComponentProps) {
  console.log(cardData);
  return (
    <div className="box p-[16px]  flex flex-col  gap-[0.5rem] border-[1px] border-gray-300 mb-[8px] rounded-lg h-full">
      <UserProfile infoData={cardData} />
      <Star />
      <Content contentData={cardData} />
      <Video videoDate={cardData.video} />
      <DateTime publishTimeProps={cardData.time} like={cardData.like} />
    </div>
  );
}
